<template>
  <table
    style="text-align: left; border-collapse:collapse; width: 100%;"
    border="1"
    class="table_info"
  >
    <tr>
      <td colspan="5" style="text-align: center; font-size: 30px;font-weight: bolder;">渣土车驾驶员准入登记表</td>
    </tr>
    <tr>
      <td>姓名</td>
      <td>{{ data.name }}</td>
      <td>性别</td>
      <td>{{ (data.gender == 1 ? "男" : "女") }}</td>
      <td rowspan="3" style="width:50px;text-align: center;">
        <img v-if="data.photoBase64" :src="'data:image/png;base64,' + data.photoBase64" >
        <i v-else class="el-icon-plus avatar-uploader-icon" />
      </td>
    </tr>
    <tr>
      <td>出生日期</td>
      <td>{{ data.birthday }}</td>
      <td>民族</td>
      <td>{{ data.nation }}</td>
    </tr>
    <tr>
      <td>年龄</td>
      <td>{{ data.age }}</td>
      <td>联系电话</td>
      <td>{{ data.tel }}</td>
    </tr>
    <tr>
      <td>户口地址</td>
      <td colspan="3">{{ data.address }}</td>
      <td />
    </tr>
    <tr>
      <td colspan="5" style="height:10px" />
    </tr>
    <tr>
      <td>所属公司</td>
      <td colspan="3">{{ data.company }}</td>
      <td />
    </tr>
    <tr>
      <td>驾驶证号</td>
      <td>{{ data.driverLicense }}</td>
      <td>所属大队</td>
      <td>{{ data.trafficPolice }}</td>
      <td />
    </tr>
    <tr>
      <td>合格证号</td>
      <td>{{ data.certificateNo }}</td>
      <td>发证日期</td>
      <td>{{ data.certificateDate }}</td>
      <td>考试员签字</td>
    </tr>

    <tr>
      <td>理论考试时间</td>
      <td>{{ data.theoryExaminationTime }}</td>
      <td>理论考试成绩</td>
      <td>{{ data.theoryResult }}</td>
      <td />
    </tr>

    <tr>
      <td>理论补考时间</td>
      <td>{{ data.resitTheoryExaminationTime }}</td>
      <td>理论补考成绩</td>
      <td>{{ data.resitTheoryResult }}</td>
      <td />
    </tr>

    <tr>
      <td>技能考试时间</td>
      <td>{{ data.skillExaminationTime }}</td>
      <td>技能考试成绩</td>
      <td>{{ data.skillResult }}</td>
      <td />
    </tr>

    <tr>
      <td>技能补考时间</td>
      <td>{{ data.resitSkillExaminationTime }}</td>
      <td>技能补考成绩</td>
      <td>{{ data.resitSkillResult }}</td>
      <td />
    </tr>
    <tr>
      <td colspan="5" style="height:10px" />
    </tr>
    <tr />
    <tr class="table_footer">
      <td
        colspan="5"
        style="text-align: center; vertical-align:top; font-size: 10px;  height:650px"
      >合格证复应件</td>
    </tr>
  </table>
</template>

<script>
export default {
  name: 'DriverTableInfo',
  props: {
    data: {
      type: Object,
      require: true,
      default: function() {
        return {
          id: undefined,
          name: undefined,
          gender: undefined,
          birthday: undefined,
          nation: undefined,
          age: undefined,
          address: undefined,
          tel: undefined,
          photoBase64: undefined,
          company: undefined,
          driverLicense: undefined,
          trafficPolice: undefined,
          certificateNo: undefined,
          certificateDate: undefined,
          theoryExaminationTime: undefined,
          theoryResult: undefined,
          resitTheoryExaminationTime: undefined,
          resitTheoryResult: undefined,
          skillExaminationTime: undefined,
          skillResult: undefined,
          resitSkillExaminationTime: undefined,
          resitSkillResult: undefined
        }
      }
    }
  }
}
</script>
